<template>
  <div class="indexPage">
    <van-tabs v-model="active" :animated="true" color="green" title-active-color="green">
      <van-tab title="推荐音乐">
        <RecommendMusic></RecommendMusic>
      </van-tab>
      <van-tab title="排行榜">
        <List/>
      </van-tab>
      <van-tab title="搜索">
        <Seacher/>
      </van-tab>
    </van-tabs>
  </div>
</template>

<script>

import RecommendMusic from "@/views/index/components/RecommendMusic";
import List from "./components/List.vue"
import Seacher from "@/views/index/components/Seacher";

export default {
  name: "IndexPage",
  components: {
    RecommendMusic,
    List,
    Seacher
  },
  data() {
    return {
      active: 0
    }
  }
}
</script>

<style scoped lang="less">

</style>